﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" name="viewport" charset="utf-8" content="text/html,width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<title></title>

	<style type="text/css">
		.navbar{background:#5d5c61;
			/*margin:0;*/
			height:70px;
			position: fixed;
			width: 100%;
			z-index: 10;
		}
	*{margin:0;padding:0;list-style-type:none;}
	a,img{border:0;}
	a{text-decoration:none;color:#d0d9de;}
	a:hover{color:#FFF;}
	body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";}
	/* topmenu */
	#topmenu{width:810px;margin:30px auto 0 auto;height:40px;position:relative;}
	#topmenu ul{margin:0;padding:0;}
	#topmenu ul li{float:left;font-size:12px;list-style:none;background:#222;position:relative;text-align:center;text-transform:uppercase;width:70px;margin:0 10px;display:inline;line-height:30px;}
	#topmenu ul li a{color:#aaa;text-decoration:none;}
	#topmenu ul li a:hover{color:#fff;}
	#topmenu ul li.active a{color:#fff;font-weight:800;}

	</style>

	<link type="text/css" rel="stylesheet" href="css/iview.css" />
	<link type="text/css" rel="stylesheet" href="css/skin3/style.css" />
	<link rel="stylesheet" href="css/bootstrap.css" />
	<link rel="stylesheet" href="css/daohang.css" />
	<link rel="stylesheet" href="css/style.css" />
	<link rel="stylesheet" href="css/footer&cbl.css" />
	<script type="text/javascript" src="js/jquery-1.11.3.js" ></script>
	<script type="text/javascript" src="js/bootstrap.js" ></script>
	<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
	<script type="text/javascript" src="js/raphael-min.js"></script>
	<script type="text/javascript" src="js/jquery.easing.js"></script>
	<script type="text/javascript" src="js/iview.js"></script>
	<script type="text/javascript" src="js/index.js"></script>
	<script type="text/javascript" src="js/templet.js" ></script>
	<script type="text/javascript" src="js/hp.js" ></script>
	<script type="text/javascript">
	$(document).ready(function(){
		$('#iview').iView({
			pauseTime: 7000,
			pauseOnHover: true,
			directionNav: false,
			directionNavHide: false,
			controlNav: true,
			controlNavNextPrev: false,
			controlNavThumbs: true,
			timer: "Bar",
			timerDiameter: 120,
			timerPadding: 3,
			timerStroke: 4,
			timerBarStroke: 0,
			timerColor: "#0F0",
			timerPosition: "bottom-right",
			timerX: 15,
			timerY: 60
		});
	});
	</script>


	<title></title>
</head>

<body>

<div style="background:url(img/bg.jpg) no-repeat 50% 50%;height:700px;overflow:hidden;">

	<header id="header" data-spy="affix" data-offset-top="70">s
		<nav class="navbar-inverse navbar" id="daohang" style="background-color: #5d5c61">
			<div class="daohang">
				<div class="navbar-header clearfix">
					<button type="button" class="zd" id="zd" >
						<span class="glyphicon glyphicon-align-justify"></span>
					</button>
					<a href="#" class="navbar-brand"><img src="img/logo.png" style="margin-top:-15px"/></a>
				</div>
				<div class="collapse navbar-collapse" id="daohangtiao">
					<ul class="nav navbar-nav">
						<li><a href="index.html"  style="font-weight: bold;">首页</a></li>
						<li class="wd1"><a href="金融产品.html"  style="font-weight: bold;">金融产品</a>
							<ul class="wd2 clearfix">

								<li class="pull-left clearfix" style="width: 300px;margin-left: 200px">
									<p><a href="./金融产品.html#funds" class="a1">基金</a></p>
									<ul class="ul1">
										<li><a href="#" title="基金交易">基金交易</a></li>
										<li><a href="#" title="基金公告">基金公告</a></li>
										<li><a href="#" title="新发基金">新发基金</a></li>
										<li><a href="#" title="热销基金">热销基金</a></li>
									</ul>
								</li>

								<li class="pull-left " style="width: 233px; margin-left: -150px">
									<p><a href="./金融产品.html#licai" class="a1">理财</a></p>
									<ul class="ul1 pull-left">
										<li><a href="#">理财产品</a></li>
										<li><a href="#">新产品公告</a></li>
										<li><a href="#">持有产品查询</a></li>
										<li><a href="#">理财产品一览</a></li>
									</ul>
								</li>

								<li class="pull-left clearfix" style="width: 219px; margin-left:-70px">
									<p><a href="./金融产品.html#baoxian" class="a1">保险</a></p>
									<ul class="ul1">
										<li><a href="#" title="保单查询">保单查询</a></li>
										<li><a href="#" title="保险知识">保险知识</a></li>
										<li><a href="#" title="保险产品购买">保险产品购买</a></li>
										<li><a href="#" title="保险产品分类">保险产品分类</a></li>
									</ul>
								</li>

								<li class="pull-left clearfix" style="width: 219px; margin-left:-70px">
									<p><a href="#" class="a1">境外产品</a></p>
									<ul class="ul1">
										<li><a href="https://www.boc.cn/sourcedb/whpj/index.html" title="外汇">外汇</a></li>
										<li><a href="#" title="海外债券">海外债券</a></li>
										<li><a href="#" title="海外基金">海外基金</a></li>
										<li><a href="#" title="结构性票据">结构性票据</a></li>
									</ul>
								</li>

								<li class="pull-left clearfix" style="width:300px; margin-left: -60px" >
									<p><a href="#" class="a1">花旗特色</a></p>
									<ul class="ul1">
										<li><a href="#" title="小额借贷">小额借贷</a></li>
										<li><a href="#" title="智慧投顾">智慧投顾</a></li>
										<li><a href="#" title="智慧理财">智慧理财</a></li>
										<li><a href="#" title="量身定制">量身定制</a></li>
									</ul>
								</li>

								<li class="pull-left clearfix" style="width:300px; margin-left:-140px" >
									<p><a href="#" class="a1">贵金属</a></p>
									<ul class="ul1">
										<li><a href="#" title="外汇">黄金</a></li>
										<li><a href="#" title="间隔"></a></li>
										<li><a href="#" title="白银">白银</a></li>
										<!--                                 <li><a href="#" title="海外">海外基金</a></li>-->
									</ul>
								</li>

							</ul>
						</li>
						<li><a href="市场前瞻.html"  style="font-weight: bold;">市场前瞻</a></li>
						<li><a href="社区.html"  style="font-weight: bold;">社区</a></li>

						<li><a href="网站服务.html"  style="font-weight: bold;">网站服务</a></li>

						<li class="gy1"><a href=""  style="font-weight: bold;">关于</a>
							<ul class="gy2 clearfix">
								<li class="pull-left clearfix" style="width: 130px;">
									<p><a href="#" class="a1">银行介绍</a></p>
									<ul class="ul1">
										<li><a href="https://www.citibank.com.cn/sim/index.htm">银行介绍</a></li>
										<li><a href="https://www.citibank.com.cn/sim/chinese/footer/terms.htm">服务条款</a></li>
										<li><a href="https://www.citibank.com.cn/sim/chinese/footer/privacy.htm">隐私保护</a></li>
										<li><a href="https://careers.citigroup.com/additional-terms.html ">附加条款</a></li>
									</ul>
								</li>

								<li class="pull-left clearfix" style="width: 330px;margin-left: 50px ">
									<p><a href="#" class="a1">常见问题</a></p>
									<ul class="ul1">
										<li><a href="金融产品.html#question">如何修改密码？</a></li>
										<li><a href="金融产品.html#question">密码忘记怎么办？</a></li>
										<li><a href="金融产品.html#question">如何在社区发言?</a></li>
										<li><a href="金融产品.html#question">积分兑换的礼品多久收到？</a></li>
										<li><a href="金融产品.html#question">如何购买理财、基金、债券等产品？</a></li>
									</ul>
								</li>
								<li class="lianxi pull-left clearfix" style="width: 478px; margin-left: -40px">
									<p><a href="#" class="a1">联系我们</a></p>
									<ul class="col-lg-12 col-md-12">
										<li><a href="#" class="aa1">客户服务热线</a></li>
										<li><a href="#" class="aa2">95038</a></li>
										<li><a href="#" class="aa1">QQ客户中心</a></li>
										<li><a href="#" class="aa2">123456789</a></li>
										<li><a href="#" class="aa1">银行地址</a></li>
										<li><a href="#" class="aa2">中环花园道3号</a></li>
									</ul>
								</li>
							</ul>
						</li>

					</ul>
					<ul class="zcdl nav navbar-nav pull-right">
						<li><a href="login.html" style="font-weight: bold;">登录</a></li>
						<li><a href="register.html" style="font-weight: bold;">注册</a></li>
					</ul>
				</div>
			</div>
		</nav>
	</header>

	<img src="img/图层0.png" style="opacity:0;"></img>
	<div class="container">

		<div id="iview">
			<div data-iview:thumbnail="img/图层0.png" data-iview:image="img/图层 0.png">
				<div class="iview-caption caption1" data-x="100" data-y="300" data-transition="expandDown"><a style="color:white;" href="https://xueqiu.com/">祝 您 提 前 获 取 市 场 资 讯 </a> </div>
			</div>

			<div data-iview:thumbnail="img/市场前瞻1 .png" data-iview:image="img/市场前瞻1.png" data-iview:transition="block-drop-random" data-iview:pausetime="2000">
				<div class="iview-caption caption2" data-x="50" data-y="320" data-transition="expandRight"><a style="background-color: black" href="https://www.citibank.com.cn/sim/index.htm">做您值得信赖的风险评估资讯顾问</a></div>
			</div>

			<div data-iview:thumbnail="img/市场前瞻2 .png" data-iview:image="img/市场前瞻2.png">
				<div class="iview-caption caption3" data-x="350" data-y="300" data-transition="expandLeft"><a style="color:white;" href="https://finance.ifeng.com/">聚焦前沿财经动态，关注财经资讯信息</a></div>
			</div>

			<div data-iview:thumbnail="img/市场前瞻3 .png" data-iview:image="img/市场前瞻3.png"></div>
		</div>

	</div>
	
<!--	<div style="height:40px;text-align:center;">-->
<!--		<b>API :</b>-->
<!--		<a href="#" onClick="$('#iview').trigger('iView:pause'); return false;">Pause</a> - -->
<!--		<a href="#" onClick="$('#iview').trigger('iView:play'); return false;">Play</a> - -->
<!--		<a href="#" onClick="$('#iview').trigger('iView:goSlide', [2]); return false;">Go to Slide 3</a> - -->
<!--		<a href="#" onClick="$('#iview').trigger('iView:previous'); return false;">Previous</a> - -->
<!--		<a href="#" onClick="$('#iview').trigger('iView:next'); return false;">Next</a>-->
<!--	</div>-->

</div>

</body>
</html>